<template>
	<view>
		<view class="item-nav flex justify-between align-center" v-for="(item,index) in mynavList" :key="index" @click="navgetTo(item)">
			<view>{{item.name}}</view>
			<image class="right-icon" src="../../static/images/right.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	import { postHelpList } from "../../api/user.js";
	export default {
		data() {
			return {
				mynavList: [],
			}
		},
		onLoad() {
			this.init()
		},
		methods: {
			async init() {
				var res = await postHelpList();
				if(res.data.code == 1) {
					var mynavList = res.data.data.systemList;
					mynavList.forEach(item => {
						this.mynavList.push(item)
					})
					
				}
			},
			
			navgetTo(item) {
				uni.navigateTo({
					url: "/pages/home/inform-detail?detail="+JSON.stringify(item)
				})
			}
		}
	}
</script>

<style>
.item-nav {
		padding: 25rpx 35rpx;
		background-color: #FFFFFF;
		border-bottom: 1px solid rgb(242, 242, 242);
		
	}
	.left-box {
		font-size: 28rpx;
	}
	.left-box image{
		width: 60rpx;
		height: 60rpx;
	}
	.right-icon {
		width: 30rpx;
		height: 30rpx;
	}
</style>
